<template>
  <div class="check-button" :class="{check: isChecked}">
      <img src="~assets/img/cart/tick.svg" alt="">
  </div>
</template>
<script>
export default {
  name: 'CodeCheckbutton',
  props:{
     isChecked:{
       type:Boolean,
       default:false
     }
  },
  components: {  },
  directives: {  },
  data() {
    return {
      
    };
  },
  mounted() {
    
  },
  methods: {
    
  },
};
</script>
<style scoped>
  .check-button{
    /* background: red; */
    border-radius: 50%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border:1px solid #ccc;
    position:relative;
  }
   .check-button img{
     display: block;
     position:absolute;
     top:0;
     right:0;
     bottom:0;
     left:0;
     margin:auto;
   }
  .check{
    width: 100%;
    height: 100%;
    background: red;
    border-color: red;
  }
</style>
